<style>
    p {
        font-size: large;
    }
    .indent {
        text-indent:2em;
    }
    .coarse {
        font-weight: 600;
        margin-top: 20px;
    }
</style>
<div class="container-fluid" style="padding: 0 10% 0 10%;">
    {#介绍#}
    <div class="row" style="margin-bottom: 30px;">
        <p class="coarse">【报课说明】</p>
        <p class="indent">1.	我们的国学古文讲堂将安排在“智通云”电子书包的云作业运用中进行，发布在语文学科中。</p>
        <p class="indent">2.	课程分两期供学生选择，请同学们根据自己情况合理安排自己时间。第一期时间为2月13日至2月23日，第二期为2月22日至3月3日。课程连续10天，每天一次，一次课大约45分钟。</p>
        <p class="indent">3.	课程分听课和练习两部分，请同学们点击听课按钮听课，然后完成课后作业。</p>
        <p class="indent">4.	报名时间从2月9日0时开始至2月11日24时结束，共为期三天，超过报名时间的视为自动放弃该公益课程。报名通道将在2月9日开放，届时只要登入“智通云”平台系统会自动跳出报名界面，填写相关信息即可报名。</p>
    </div>

    {#表单#}
    <div id="form_kokugaku" class="form-horizontal">
        <div class="form-group">
            <label for="phone_num" class="col-sm-2 col-xs-3 control-label">联系方式：</label>
            <div class="col-sm-5 col-xs-7">
                <input type="number" maxlength="11" class="form-control" id="phone_num" name="phone_num" placeholder="手机号">
            </div>
            <div class="col-sm-2 col-xs-2">
                <a class="btn btn-success" id="bt_send">获取验证码</a>
            </div>
        </div>
        <div class="form-group">
            <label for="valid_num" class="col-sm-2 col-xs-3 control-label">验证码：</label>
            <div class="col-sm-4 col-xs-5">
                <input type="number" maxlength="6" class="form-control" id="valid_num" name="valid_num" placeholder="验证码">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-8" style="font-size: large">
                <div class="radio">
                    <label>
                        <input type="radio" name="grade" value="1">初一讲堂
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="grade" value="2">初二讲堂
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-8" style="font-size: large">
                <div class="radio">
                    <label>
                        <input type="radio" name="term" value="1">第一期 2月13日~2月22日
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="term" value="2">第二期 2月22日~3月3日
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <a class="btn btn-success" id="bt_submit" style="padding-left: 20px;padding-right: 20px;">确认报名</a>
            </div>
        </div>
    </div>
</div>